import './pages.css';
import React from 'react';
import { NavLink } from 'react-router-dom';

export function NavBar() {
    return (
        <div className='header'>
            <NavLink to='/' exact>首页</NavLink>
            <NavLink to='/news' exact>新闻页</NavLink>
            <NavLink to='/personal' exact>个人中心页</NavLink>
        </div>
    )
}

export function Home() {
    return <div className='page home'>
        <h1>首页</h1>
    </div>
}

export function News() {
    return <div className='page news'>
        <h1>新闻页</h1>
    </div>
}

export function Personal() {
    return <div className='page personal'>
        <h1>个人中心页</h1>
    </div>
}